.fullWidth {
  width: 100%;
}

.fullHeight {
  height: 100%;
}

.centerText {
  text-align: center;
}

.mainArea {
  padding-top: 20px;
  height: calc(100vh - 380px);
}

.basicArea {
  height: 380px;
  background-image: url(https://7762-wbg-customer-dev-3w54t-1303049385.tcb.qcloud.la/profile-bg.png);
  background-size: cover;
  color: white !important;
}

.basicAreaLeft {
  padding: 40px;
}

.profileImg {
  width: 150px;
  height: 150px;
  border-radius: 15px;
}

.itemArea {
  composes: fullHeight;
  box-sizing: border-box;
  padding: 0 20px 20px 20px;
}

.itemBox {
  composes: fullHeight;
  background: #fff;
}

.itemBoxLeft {
  padding: 20px;
  text-align: center;
}

.avatarImg {
  width: 150px;
  height: 150px;
  border-radius: 15px;
}

.itemBoxRight {
  composes: fullWidth;
  composes: fullHeight;
  padding: 20px;
  overflow: hidden;
}

.qrcodeImg {
  width: 500px;
  height: 500px;
}
